import BScroll from "better-scroll";

/**
 * 封装一个横向滚动的方法，函数表达式的使用
 * @param {*} that 代表实例
 * @param {*} wrapper 代表滚动的容器
 * @param {*} content 代表滚动的内容区
 * @param {*} num 代表滚动项的数目
 * @param {*} itemWidth 代表滚动项的宽度（单位是rem）
 */
let betterScrollHorizontal=function(that,wrapper,content,num, itemWidth) {
  // 计算内容区（content）的宽度
  content.style.width = num * itemWidth + "rem";
  that.$nextTick(() => {
    //wrapper为template中容器的ref，表示给那个元素来设置滚动
    that.scroll = new BScroll(wrapper, {
      startX: 0, //横向滚动的开始位置
      scrollX: true, //横向滚动
      scrollY: false, //关闭纵向滚动
      click: true //开启浏览器的原生click事件
    });
  });
}

export {betterScrollHorizontal}